<!-- Single Handler Slider which can be disabled -->

<!-- Slider -->
<div id="disable-single" class="pmd-range-slider"></div>

<!-- Checkbox to enable/disable the slider -->
<label class="checkbox-inline pmd-checkbox pmd-checkbox-ripple-effect">
    <input type="checkbox" value="" id="single-checkbox">
    <span>Disable slider</span>
</label>